<template>
  <div class="side">
    <div class="border">
      <span style="font-size: 16px;font-weight: bold">{{ label }}</span>
    </div>
    <div class="panel_content">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: "sz-panel",
  props: {
    label: {
      type: String,
      default: "label"
    }
  }
};
</script>

<style scoped lang="less">
.side {
  width: 100%;
  height: 100%;
  background-color: white;
}
.border {
  padding: 17px 0 17px 20px;
  border-bottom: 1px solid rgba(224, 238, 249, 1);
}
.panel_content {
  background-color: white;
}
</style>
